<script setup lang="ts">
import { computed } from 'vue'
import { useRandomTestingStore } from '@/pages/RandomTesting/store'
import { SmileTwoTone } from '@ant-design/icons-vue'

const rootStore = useRandomTestingStore()
const { plainStore, classificationStore } = rootStore
const { onClickReset, headerTitle } = plainStore
const { testTypeStr } = classificationStore

const subTitle = computed(() => {
  return `当前题库:(${testTypeStr.value})${headerTitle.value}`
})
</script>

<template>
  <div class="continer">
    <AResult title="已刷完所有题目!" :sub-title="subTitle">
      <template #icon>
        <SmileTwoTone />
      </template>
      <template #extra>
        <AButton type="primary" @click="onClickReset">重新开始</AButton>
      </template>
    </AResult>
  </div>
</template>

<style lang="less" scoped>
.continer {
  padding: 16px;
}
</style>
